<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>何人堂网站首页</title>
<!--****js或jq的设置**-->
<script type="text/javascript" src="js/jquery.1.7.0.js"></script>
<!--子菜单-->
<script type="text/javascript" src="js/subMenu.js"></script>
<script type="text/javascript" src="js/rolling.js"></script>
<!--固定广告、菜单-->
<script src="js/fixedAds.js" type="text/javascript"></script>
<!--***css样式区***-->
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/rolling.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!-- 日期控件 -->
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/default.date.css" />
<script type="text/javascript" src="js/backTop.js"></script>

<script type="text/javascript" src="js/picker.js"></script>
<script type="text/javascript" src="js/picker.date.js"></script>
<!--固定广告的样式 -->
<link rel="stylesheet" type="text/css" href="css/fixedAds.css" />
<!--回顶部和建议代码-->
<link rel="stylesheet" type="text/css" href="css/backTop.css" />

<script type="text/javascript">
	$(function() {
		var $input = $('#myborth').pickadate({
			changeMonth:true,
			changeYear:true,
			monthSelector: true,
		    yearSelector: true,
		    format:'yyyy-mm-dd',
			// min: [2015, 7, 14],
			container : '#container',
			// editable: true,
			closeOnSelect : false,
			closeOnClear : false,
		});
		
		
		
		
		$("#uname").blur(function() {
			$.ajax({
				type : "POST",
				url : "./check.do",
				data : "uname=" + $("#uname").val(),
				success : function(msg) {
					if (!msg.checkValue)
						$(".form_hint1").html("用户名已存在");
					else
						$(".form_hint1").html("");
				}
			});
		});

	});
</script>
<style>
.contact_form {
	padding-top: 40px;
}

.title {
	background-color: rgba(0, 0, 0, 0.56);
	text-align: center;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 0;
}

.title a {
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: bolder;
	line-height: 24px;
}
</style>
<script type="text/javascript">
	function changeValidateCode(obj) {
		var timeNow = new Date().getTime();
		obj.src = "./CheckCode.do?time=" + timeNow;
	};
</script>
</head>
<body>
	<div>
		<%@include file="head.jsp"%>
	</div><br/>
	<!----------------------********头部结束********---------------------------->

	<!---***中部***-->
	<div align="left">
		<!--中上部-->
		<!---***图片滚动----对应的样式是rolling.css***-->
		<div align="center">
			<table>
				<!-- MSTableType="layout" -->
				<tr>
					<td style="border-style: none; border-width: medium">

						<form class="contact_form" action="./register.do" method="post" name="userInfo">
							<ul>
								<li>
									<h2 style="float: left;">注册</h2> <span class="form_span">已注册？<a
										href="<%=request.getContextPath()%>/HRTWEB/login.jsp">登陆</a></span>
								</li>
								<li><label for="name">会员名:</label> <input id="name"
									type="text" name="mbrName" placeholder="请输入会员名" required /> <span
									class="form_hint">正确格式为：字母加汉字</span><span
									class="form_hint1"></span></li>
								<li><label for="mail">电子邮件:</label> <input id="mail"
									type="email" name="mail" placeholder="请输入邮箱" required /> <span
									class="form_hint">正确格式为：123456@qq.com</span><span
									class="form_hint1"></span></li>
								<li><label for="number">手机号码:</label> <input name="mobile"
									placeholder="请输入手机号码" type="text" required
									pattern="(13[0-9]|15[0-9]|18[8|9])\d{8}" /> <span
									class="form_hint">请输入正确手机号码!</span></li>
								<li><label for="password">密码:</label> <input
									type="password" name="password" placeholder="请输入密码" required
									pattern="(?![a-zA-Z]+$)(?![0-9]+$)[a-zA-Z0-9]{6,15}" /> <span
									class="form_hint">请输入长度为6-15位的密码,不能为纯数字!</span></li>
								<li><label for="sex">性别:</label> 
									<input type="radio" name="sex" value="0" style="width: 20px;" checked="checked" />男 
									<input type="radio" name="sex" value="1" style="width: 20px;" />女
								</li>
								<li><label for="input_01">出生日期:</label> <input
									id="myborth" class="datepicker" name="myborth" type="text"
									value="2015-03-13" data-valuee="2014-08-08"/>
									<div id="container"></div></li>
								<li><label for="checkNum">验证码:</label> <input type="text"
									name="hrtMemberCheckout" style="width: 80px;"
									placeholder="请输入验证码" required /> <img src="./CheckCode.do"
									onclick="changeValidateCode(this)" width="100" height="30"
									title="刷新验证码" style="cursor: hand;" /> <span class="form_hint">请输入正确的验证码!</span><span
									class="form_hint">${checkNumError}</span></li>
								<li>
									<button class="submit" type="submit">注册</button> <span
									class="form_hint">${registerError }</span>
								</li>
							</ul>

						</form>

					</td>
				</tr>
			</table>
		</div>
	</div>
	<!--**中中部**-->
	<div></div>
	<!----------------------********中部结束********---------------------------->

	<!---***尾部***-->
	<%@include file="foot.jsp"%>
	<!----------------------********尾部结束********---------------------------->
	<!-- 回顶部和建议代码开始 -->
	<div id="tboxs">
		<div id="tbox">
			<a id="gotop" href="javascript:void(0)"></a> <a id="htky_jianyi"
				target="_blank" href="#"></a>
		</div>
	</div>
</body>
</html>